{extend name="base" /}
{block name="title"}
<title>支付-{$site_config.site_title}</title>
{/block}
{block name="body"}
	<header class="page-header1">
		<a href="javascript:;" onClick="javascript:history.back(-1);"><img src="__STATIC__/img/back02.png" class="back_img" style="float:left;"/></a>
		<h3>支付</h3>
	</header>
	<div class="set_amount">
		<div class="set_amount_center">
			<div class="amount_of" style="border-bottom:1px solid #d2d2d2;">
				<div class="amount_of_name">金额</div>
				<div class="amount_of_write">
					<input type="text" placeholder="输入金额" class="amount_of_inp" id="amountname"/>
				</div>
			</div>
		</div>
		<div class="prepaid_card_confirm_input btu_next">
			<div id="btu_set">确定</div>
		</div>
		
		<div style="clear:both;"></div>
	</div>
	<script type="text/javascript">
    window.onload =function()
    {
        document.getElementById("btu_set").style.backgroundImage ="url(__STATIC__/img/confirm_01.png)";
         document.getElementById("btu_set").style.backgroundSize ="100% 100%";
        //鼠标悬停在按钮上时判断。
        document.getElementById("amountname").onkeyup = function()
        {
            if(document.getElementById("amountname").value=="")
            {
                document.getElementById("btu_set").style.backgroundImage ="url(__STATIC__/img/confirm_01.png)";
                document.getElementById("btu_set").style.backgroundSize ="100% 100%";
                document.getElementById("btu_set").innerHTML="确定";
            }else
            {
                document.getElementById("btu_set").style.backgroundImage ="url(__STATIC__/img/confirm_02.png)";
                document.getElementById("btu_set").style.backgroundSize ="100% 100%";
                document.getElementById("btu_set").style.color ="#fff";
                document.getElementById("btu_set").innerHTML="确定";
            }
        }
    }
    </script>
{/block}

